<template>
	<view class="Menu">
		<!-- 导航条 :style="{ height: $wanlshop.wanlsys().height + 'px' }"-->
		<view class="cu-custom">
			<view class="cu-bar fixed" style="background: #fff;"
				:style="{height: $wanlshop.wanlsys().height + 'px',paddingTop: $wanlshop.wanlsys().top + 'px',}">
				<view class="action">
					<text class="wlIcon-fanhui1" style="margin-left: 0" @tap="$wanlshop.back(1)"></text>
				</view>
				<view class="content" :style="{ top: $wanlshop.wanlsys().top + 'px' }">
					<!-- USDT充值 -->
					{{$t('otcRecharge.page.title')}}
				</view>
				<view class="action">
					<text class="wlIcon-gengduo" @tap="showModal('share')"></text>
				</view>
			</view>
		</view>
		<view style="position: fixed;height: auto;  width: auto; top: 0; left: 0; bottom: 0; right: 0;"
			:style="{top: $wanlshop.wanlsys().height + 'px',}">
			<view class="transferBox">
				<view class="assets">
					<view class="u-content">
						<view class="u-content__circle">
							<u-icon name="checkbox-mark" color="#fff" size="30"></u-icon>
						</view>
						<text class="u-content__normal">购买成功</text>
					</view>
				</view>
			</view>
		</view>
		<view class="uni-btn">
			<button class="uni-btn-v" style="margin-bottom: 150rpx;"
				@tap="$wanlshop.auth('/pages/newPage/otc?id=1')">继续交易</button>
			<button class="uni-btn-v" @tap="$wanlshop.auth('/pages/newPage/otc?id=2')">查看资产</button>
		</view>
	</view>
</template>
<script>
	export default {

		data() {
			return {

			};
		},
		onShow() {},
		methods: {

		}
	};
</script>

<style lang="scss">
	page {
		background: #fff;
	}

	.Menu {

		.transferBox {
			padding: 0 12px;

			.assets {
				padding: 38rpx 30rpx 34rpx 30rpx;
				background: #fff;
				border-radius: 16rpx;
				margin-top: 24rpx;

				.u-content {
					padding: 40px 60px 0;
					@include flex(column);
					align-items: center;
					justify-content: center;

					&__circle {
						background-color: $u-success;
						@include flex;
						border-radius: 100px;
						width: 60px;
						height: 60px;
						align-items: center;
						justify-content: center;
					}

					&__normal {
						font-size: 15px;
						color: $u-success;
						margin-top: 15px;
					}
				}
			}
		}

		.uni-btn-v {
			width: 702rpx;
			height: 96rpx;
			background: #327CFF;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			margin-top: 40rpx;
			font-weight: 400;
			font-size: 28rpx;
			color: #ffffff;
			line-height: 96rpx;
			position: fixed;
			left: 24rpx;
			bottom: 80rpx;
		}
	}
</style>